﻿h3
{
    color: #808080;
    text-align: center;
    font-family: Arial,Helvetica;
    font-size: large;
}
h5
{
    font-family: Arial,Helvetica;
    font-size: smaller;
    font-weight: 400;
}
.genericTextContent
{
    text-align: justify;
    margin-left: 50px;
    margin-right: 50px;
    font-size: 12px;
    color: #000000;
}
.textSectionHeader
{
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 .3em;
    display: block;
}
.textSectionSubHeader
{
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 .3em;
    display: block;
}
.sectionList li
{
   list-style-type: square;
   list-style-position: inside;
   margin-left: 20px;
}
.sectionList_spaced li
{
   list-style-type: square;
   list-style-position: inside;
   margin-left: 20px;
   margin-bottom: 10px;
}

/* Setting Page */
#settingPageContainer
{
     width: 600px; 
     margin: 0 auto; 
     text-align: center;
     margin-top: 25px;
}


/* Contact Page */
#contactPageContainer
{
     width: 600px; 
     margin: 0 auto; 
     text-align: center;
     margin-top: 25px;
}
.containerInput
{
    width: 400px;
}
#contactContainer
{
    text-align: center;
}


/* Login Page */
#loginPageContainer
{
     width: 600px; 
     margin: 0 auto; 
     text-align: center;
     margin-top: 25px;
}

/* Registration Page */
#registerPageContainer
{
     width: 600px; 
     margin: 0 auto; 
     text-align: center;
     margin-top: 25px;
}
.labelForInput
{
    float: left;
}

.error_for_validation
{
    color: #800000;
}

/********* RATING BAR **************************/
.ratingbar_wrapper {
	width: 10px; /* default value */
	height: 5px;
	background-color: #ccc;
	border: 1px #ccc solid;
	overflow: hidden;
}

.ratingbar_inner
{
    width: 0px;
    height: 5px;
    border: 5px white;
    background-color: #800000;
}

.ratingbar_text {
	color: black;
	font-size: 50%;
	/*padding-left: 5px;
	padding-top: 5px;*/
}
/****************************************/
.ui-li-desc-long
{
 white-space: normal;
 font-size: 10pt;
}

/* messaging */
.message-info
{
    text-align: center;
}